@(username: String)


@main(username) {
    
    <div class="page-header">
        <h1 id="username">@username</h1>
        <h2 id="myCoins">My Coins:</h2>
        <h2 id="myBet">My Bet:</h2>
        <h3 id="stake">Stake:</h3>
        <h3 id="maxBet">Max Bet:</h3>
    </div>
    
    <div id="onError" class="alert-message error">
        <p>
            <strong>Oops!</strong> <span></span>
        </p>
    </div>
    <div id="onChat" class="row">
    	<input id="nr"  placeholder="Card Number in Deck"></input>    	
		
		<p></p>
		<p id="cards"></p>
		<p></p>
		<div id="Actions" class="row">
	    	<button id="bet" class="btn" style="color:blue;font-size:20px"><b>Bet<b></button>
	    	<button id="call" class="btn" style="color:blue;font-size:20px"><b>Call<b></button>
	    	<button id="check" class="btn" style="color:blue;font-size:20px"><b>Check<b></button>
	    	<button id="raise" class="btn" style="color:blue;font-size:20px"><b>Raise<b></button>
	    	<button id="fold" class="btn" style="color:blue;font-size:20px"><b>Fold<b></button>
	    	<button id="allin" class="btn" style="color:blue;font-size:20px"><b>All in<b></button>
	    	<button id="exchange" class="btn" style="color:blue;font-size:20px"><b>Exchange<b></button>
	    </div>
	    
	    
    	<div class="span10" id="main">
     		<div id="messages"></div>          
   		</div>        
    </div>
    
    
    
    
    
    
    <script type="text/javascript" charset="utf-8" src="@routes.Application.chatRoomJs(username)"></script>
    
}